<template>
    <div class="child-content">
        <el-table :data="tableData" style="width: 100%;">
            <el-table-column prop="id" label="序号" width="55" align="center">
                <template #default="scope">{{ scope.$index + 1 }}</template>
            </el-table-column>
            <el-table-column prop="privilegeShowName" label="权益名称" align="center" />
            <el-table-column prop="privilegeValue" label="权益值" align="center" />            
            <el-table-column prop="upgradeGiftBag" label="剩余" align="center" />
			<el-table-column prop="platformUnit" label="权益单位" align="center" />
        </el-table>
    </div>
</template>

<script setup>
import { getVipRightList } from '@/api/vip'
import { onMounted } from 'vue'

const tableData = ref([])

const getTableData = async () => {
  const res = await getVipRightList()
 if(res) {
    tableData.value = res.data
 }
}

onMounted(() => {
  getTableData()
})
</script>

<style lang="scss" scoped></style>